<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>login-dialog</title>
    <link rel="stylesheet" href="../css/login-dialog.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_3004741_6swl4gfaof9.css">
    <script src="../js/cookie.js"></script>
    <link rel="stylesheet" href="../swiper-7.2.0/swiper/swiper-bundle.min.css">
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <script src="http://static.runoob.com/assets/jquery-validation-1.14.0/dist/jquery.validate.min.js"></script>
</head>

<body>
    <div class="wrap center">

        <div class="swiper">
            <div class="swiper-wrapper">
                <div class="swiper-slide"></div>
                <div class="swiper-slide"></div>
                <div class="swiper-slide"></div>
                <div class="swiper-slide"></div>
                <div class="swiper-slide"></div>
            </div>
        </div>

        <div class="login-dialog">

            <div class="loginBox">
                <p>用第三方账号登录花瓣</p>
                <div class="oauth-iconfont">
                    <a href="#" class="iconfont icon-xinlangweibo"></a>
                    <a href="#" class="iconfont icon-qq"></a>
                    <a href="#" class="iconfont icon-weixin"></a>
                    <a href="#" class="iconfont icon-douban"></a>
                    <a href="#" class="iconfont icon-renren"></a>
                </div>
                <div class="mail_phone-loginBox">
                    <div class="mail_phone-login">
                        <p>登录</p>
                        <form id="loginPage" method="get">
                            <input type="text" class="username" name="username" placeholder="输入手机号或者邮箱">
                            <input type="password" class="password" name="password" placeholder="密码">
                            <input type="submit" class="goto-login-btn" value="登录">
                        </form>
                    </div>
                    <div class="goto-find-dialog">
                        <span class="findpsd"><a href="#" class="findpsd-btn">忘记密码》</a></span>
                        <span class="dialog-btn-wrap">还没有花瓣账号? <a href="#" class="dialog-btn">点击注册》</a></span>
                    </div>
                </div>

                <div class="resetBox">
                    <div class="reset">
                        <p>找回密码</p>
                        <form action="">
                            <input type="text" placeholder="输入手机号或者邮箱">
                            <a href="#" class="find-btn">重置</a>
                        </form>
                    </div>
                    <div class="goto-find">
                        <span class="remind"><a href="#" class="findpsd-btn">又想起来了》</a></span>
                        <span class="dialog-btn-wrap">还没有花瓣账号? <a href="#" class="dialog-btn">点击注册》</a></span>
                    </div>
                </div>
            </div>

            <div class="dialogBox">
                <div class="dialog">
                    <a href="https://huaban.com/" class="logo">
                        <img src="https://huaban.com/img/logo_2x.png" alt="huabanmeisi"">
                    </a>
                    <div class=" text_iconfont">
                        <p>使用第三方账号注册花瓣</p>
                        <div class="iconfont_dialog">
                            <a href="#" class="iconfont icon-xinlangweibo"></a>
                            <a href="#" class="iconfont icon-qq"></a>
                            <a href="#" class="iconfont icon-weixin"></a>
                            <a href="#" class="iconfont icon-douban"></a>
                        </div>
                        <a href="#" class="go_to_phoneDialog">使用手机号注册</a>
                </div>
                <div class="dialog_phone">
                    <p>使用手机号注册</p>
                    <form id="dialogPage">
                        <input type="text" class="dialogPhone" name="dialogPhone" placeholder="输入手机号">
                        <div class="verify">

                        </div>
                        <input class="goto-dialog" type="submit" value="注册">
                        <a href="#" class="goback-oauth">返回第三方账号注册</a>
                    </form>
                </div>
                <div class="goto-login">
                    <span>已有账号？</span>
                    <a href="#" class="go_to_login">登录到花瓣》</a>
                </div>
            </div>
        </div>
        <div class="login"></div>
    </div>
    </div>

    <script src="../swiper-7.2.0/swiper/swiper-bundle.min.js"></script>
    <script src="../js/login-dialog.js"></script>
</body>

</html>